<%@page language="java" contentType="text/html;charset=UTF-8"%>

<html>
  <head>
  <style>
   body,#tb1{
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	background-image:url(images/leftbg_right.gif);
    PADDING-BOTTOM: 0px; MARGIN: 0px;
    CURSOR: col-resize;
    PADDING-TOP: 0px
}
  
  </style>
  	<script language="JavaScript">
	var pic = new Image();
    pic.src="images/arrow_right.gif";

	function toggleMenu()
	{
	  frmBody = parent.document.getElementById('downFrame');
	  imgArrow = document.getElementById('img');
	
	  if (frmBody.cols == "0, 8, *")
	  {
	    frmBody.cols="230, 8, *";
	    imgArrow.src = "images/arrow_left.gif";
	  }
	  else
	  {
	    frmBody.cols="0, 8, *";
	    imgArrow.src = "images/arrow_right.gif";
	  }
	  parent.frames.leftFrame.document.getElementById("dtree").style.width="171px";
	}

	var orgX = 0;
	document.onmousedown = function(e)
	{
	  var evt = Utils.fixEvent(e);
	  orgX = evt.clientX;
	
	  if (Browser.isIE) document.getElementById('tbl').setCapture();
	}
		
	document.onmouseup = function(e)
	{
	  var evt = Utils.fixEvent(e);
	
	  frmBody = parent.document.getElementById('downFrame');
	  frmWidth = frmBody.cols.substr(0, frmBody.cols.indexOf(','));
	  frmWidth = (parseInt(frmWidth) + (evt.clientX - orgX));
	
	  frmBody.cols = frmWidth + ", 8, *";
	
	  if (Browser.isIE) document.releaseCapture();
	  try{
	  parent.frames.leftFrame.document.getElementById("dtree").style.width=(parseFloat(frmWidth)+0)+"px"; 
	  }catch(ee){
	  }
	}

	var Browser = new Object();

	Browser.isMozilla = (typeof document.implementation != 'undefined') && (typeof document.implementation.createDocument != 'undefined') 
	&& (typeof HTMLDocument != 'undefined');
	Browser.isIE = window.ActiveXObject ? true : false;
	Browser.isFirefox = (navigator.userAgent.toLowerCase().indexOf("firefox") != - 1);
	Browser.isSafari = (navigator.userAgent.toLowerCase().indexOf("safari") != - 1);
	Browser.isOpera = (navigator.userAgent.toLowerCase().indexOf("opera") != - 1);
		
	var Utils = new Object();

	Utils.fixEvent = function(e){
		var evt = (typeof e == "undefined") ? window.event : e;
	   return evt;
    }	
	</script>
  </head>
  
  <body>
     <TABLE id="tbl" class="tobar" height="100%" width="100%" cellSpacing="0" cellPadding="0">
      <TR>
         <TD>
            <A href="javascript:toggleMenu();"><IMG id="img" src="images/arrow_left.gif" border="0"></A>
         </TD>
     </TR>
    </TABLE>
  </body>
</html>
